.content {
  width: 100%;
  height: auto;

  .leftContent {
    width: 100%;

    :global {
      // .ant-collapse {
      //   background: #f0f2f5;
      // }
      .ant-tree-title {
        cursor: pointer;
        display: inline-block;
        padding-bottom: 10px;
        padding-top: 15px;
      }
      .ant-tree-switcher-icon {
        padding-top: 23px;
      }
      .ant-tree-treenode-switcher-close {
        margin: 5px 5px;
      }
      .ant-collapse-item {
        margin-bottom: 20px;
        border-bottom: none !important;
        background: #fff;
        border-radius: 10px;

        .ant-collapse-header {
          font-size: 18px;
          font-weight: 400;
          line-height: 25px;
          color: #00b5c1;
        }

        p {
          font-size: 16px;
          font-weight: 400;
          line-height: 30px;
          color: rgba(74, 91, 100, 0.5);
          cursor: pointer;

          &:hover {
            color: #00b5c1;
          }
        }
      }
    }
  }

  .clearfix {
    zoom: 1;
  }

  .clearfix:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
  }

  .fl {
    float: left;
  }

  .fr {
    float: right;
  }

  .bannerBox {
    width: 100%;
    height: 240px;
    background: url("../../assets/images/banner.png") no-repeat;
    background-size: 100% 100%;
    overflow: hidden;
    padding-top: 78px;

    .bannerTitle {
      text-align: center;
      color: #fff;

      p {
        margin-bottom: 0;

        &:first-child {
          font-size: 40px;
          font-weight: 500;
          line-height: 56px;
        }

        &:last-child {
          margin-top: 10px;
          font-size: 20px;
          line-height: 28px;
        }
      }
    }
  }

  .detailBox {
    width: 100%;
    height: auto;
    padding: 0 10% 0 10%;
    margin: 40px 0 40px 0;

    .bigTitle {
      width: 100%;
      height: 42px;
      font-size: 24px;
      font-weight: 800;
      line-height: 42px;
      color: #565966;
      margin-bottom: 10px;
    }

    .littleTitle {
      width: 100%;
      height: 28px;
      font-weight: 400;
      line-height: 28px;
      color: #565966;
      opacity: 0.7;
      margin: 0;
    }

    .detailHeadBottom {
      width: 100%;
      height: 30px;

      p {
        height: 30px;
        line-height: 30px;
        margin-bottom: 0;

        :global {
          .anticon {
            color: #44c5bb;
            margin-right: 5px;
            font-size: 14px;
          }
        }

        span {
          font-size: 14px;
          display: inline-block;
          margin-right: 5px;

          &.num {
            font-size: 18px;
            color: #44c5bb;
            font-weight: 600;
          }
        }
      }
    }

    .detailHead {
      width: 100%;
      height: 150px;
      background-color: #fff;
      border-radius: 10px;
      margin-bottom: 20px;
      padding: 20px;
    }

    .detailBody {
      width: 100%;
      height: auto;

      .detailBodyLeft {
        width: 100%;
        height: auto;
        background-color: #fff;
        border-radius: 10px;
        padding: 20px 40px;

        :global {
          .ant-descriptions-item-label::before {
            width: 3px;
            height: 10px;
            content: "";
            background-color: #44c5bb;
            border-radius: 1px;
            margin-right: 7px;
          }

          .ant-descriptions-item-label {
            width: 120px;
            font-size: 16px;
            font-weight: 500;
            line-height: 25px;
            color: #4a5b64;
            opacity: 1;
          }

          .ant-descriptions-item-content {
            font-size: 16px;
            font-weight: 500;
            line-height: 25px;
            color: #4a5b64;
            opacity: 1;
          }
        }
      }

      .detailBodyRight {
        width: 100%;
        height: auto;

        .detailBodyRightTop {
          width: 100%;
          height: auto;
          background-color: #fff;
          border-radius: 10px;
          margin-bottom: 20px;
          padding: 20px;
          position: relative;

          .detailBodyRightTitle {
            font-weight: 500;
            line-height: 25px;
            color: #4a5b64;
            font-size: 16px;

            &::before {
              display: inline-block;
              width: 3px;
              height: 10px;
              content: "";
              background-color: #44c5bb;
              border-radius: 1px;
              margin-right: 7px;
            }
          }

          .chartBox {
            width: 100%;
            height: 240px;
          }
        }

        .detailBodyRightBottom {
          width: 100%;
          height: auto;
          background-color: #fff;
          border-radius: 10px;
          padding: 20px;
          position: relative;

          .detailBodyRightTitle {
            font-weight: 500;
            line-height: 25px;
            color: #4a5b64;
            font-size: 16px;

            &::before {
              display: inline-block;
              width: 3px;
              height: 10px;
              content: "";
              background-color: #44c5bb;
              border-radius: 1px;
              margin-right: 7px;
            }
          }

          ul {
            list-style: none;
            padding: 0;
            margin: 0;

            li {
              width: 100%;
              height: 25px;
              overflow: hidden;
              text-overflow: ellipsis;
              white-space: nowrap;
              font-weight: 400;
              line-height: 25px;
              color: #4a5b64;
              font-size: 16px;
              margin-bottom: 16px;
              cursor: pointer;

              &:hover {
                color: #44c5bb;
              }
            }
          }
        }
      }
    }

    .detailBottom {
      width: 100%;
      height: auto;

      :global {
        .ant-btn {
          width: 100%;
          height: 40px;
          line-height: 30px;
          font-size: 16px;
          color: #fff;
          background: #44c5bb;
          box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.16);
          opacity: 1;
          border-radius: 4px;
          margin-top: 20px;

          &:hover,
          &:focus {
            border-color: #44c5bb;
          }
        }
      }
    }
  }
}
.descriptionsIcon {
  margin-right: 35px;
  div {
  }
}
